<template>
    <div class="box">
        <layoutHeader></layoutHeader>
        <el-main id="elmain" style="padding: 0">
            <transition>
                <router-view></router-view>
            </transition>
        </el-main>
        <el-footer style="padding: 0;">
            <Bottom></Bottom>
        </el-footer>
    </div>
</template>
<script>
import layoutHeader from "@/views/home/header/Header";
import Bottom from "@/views/home/footer/Bottom"
export default {
  name: "home",
  components: {
    layoutHeader,
    Bottom
  },
  data() {
    return {
      openValue: true,
      value: "",
      selected: ""
    };
  },
  methods: {
    // changeStatus() {}
  }
};
</script>
<style>
.box {
  width: 100%;
  min-height: 930px;
  margin: auto;
  background: #ddd;
}
.el-footer{
    width: 100%;
    position: absolute;
    bottom: 0;
}
</style>
